<template>
    <router-link to="cywh">
        <div class="flavor">
            <Sonflavor :imgPopular="arr[0].imgPopular"/>
            <Sonflavor :imgPopular="arr[1].imgPopular"/>
            <Sonflavor :imgPopular="arr[2].imgPopular"/>
            <Sonflavor :imgPopular="arr[3].imgPopular"/>
            <Sonflavor :imgPopular="arr[4].imgPopular"/>
            <Sonflavor :imgPopular="arr[5].imgPopular"/>
            <Sonflavor :imgPopular="arr[6].imgPopular"/>
            <Sonflavor :imgPopular="arr[7].imgPopular"/>
            <Sonflavor :imgPopular="arr[8].imgPopular"/>
        </div>
    </router-link>
</template>

<script>
import Sonflavor from '@/components/ddgHD/sonflavor.vue'
export default {
    components: { 
      Sonflavor,
    },
    data(){
        return {
            arr:[
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/FrDKmg7tnwodlMF_olf9go6iaGbb.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/FrBA9_ngi3DgWAdmhnWSNkCb4YBT.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/Ft7omrHqjya1BZMtSWGXz859nhqe.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/FoF74vnoGyqgf3BwPLnpHYk8iFwb.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/Fgn4F5Gre6pTVv9zecZjqbLqKFlD.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/Fv_GILGXQbaNdh4zikvBn_06jPMF.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/Fs0MyqmELVy0KFaDpZkLkR4ViuD1.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/FvClxnZ6pNVyHGwjbxSMzfXFEL6P.png"},
                {imgPopular:"https://brup.shengri.cn/goods/2017/06/Fur6d0sTM0HNjnes0SusRxbNyh2w.png"}
            ]
        }
    }

}
</script>

<style scoped>
    .flavor{
        width: 90%;
        margin: 0.05rem auto;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        font-size: 0.12rem;
    }
</style>